Skip to content

Latest commit

 

History

History
116 lines (98 loc) · 4.05 KB

04-Projeto de Interface.md

File metadata and controls

116 lines (98 loc) · 4.05 KB

Projeto de Interface

A elaboração da interface do sistema web e mobile priorizam a simplicidade e focam em agilidade, acessibilidade e usabilidade

Diagrama de Fluxo - Web

O diagrama abaixo mostra uma visão geral da interação do usuário (administrador do estacionamento) pelas telas do sistema:

Diagrama de telas drawio (1)

As principais interfaces da plataforma são:

  • Home: tela principal da aplicação
  • Tela de cadastro: permite que o administrador do estacionamento faça o seu cadastro na aplicação, de forma simples, RF-03;
  • Tela de login: permite que o administrador faça o login no sistema, caso já tenha o cadastro, conforme RF-04;
  • Tela "Dashboard": permite ao administrador do estacionamento a utilização das funcionalidades do sistema, quais sejam: cadastrar vagas no estacionamento, com valor e hora (RF-08), visualisar as reservas feitas (RF-09), acompanhar o status das reservas (RF-12), além de monitorar as avaliações e comentários sobre o estacionamento, feitos pelos clientes (RF-13).

O diagrama foi pensado de forma a atender a todas as histórias de usuários abordadas.

Wireframe - Web

A estrutura da aplicação web será da seguinte forma:

template (Tela - Home)

image2 (Tela - Login)

image3 (Tela - Cadastro)

image4 (Tela - Dashboard)

Diagrama de Fluxo - Mobile

Mobile drawio (1)

Wireframe - Mobile

A estrutura da aplicação mobile será da seguinte forma:

(Tela - Cadastro)

(Tela - Login)

(Tela - Menu)

(Tela - Principal)

(Tela - Busca por Estacionamentos)

(Tela - Busca por Estacionamentos)

(Tela - Mapa)

(Tela - Rota)

(Tela - Cadastrar veículo)

(Tela - Veículos)

(Tela - Reserva Preview)

(Tela - Reservas)

(Tela - Histórico)

(Tela - Reserva)

(Tela - Reserva Date Picker)

(Tela - Reserva Time Picker)